/**
 * App Window
 */
@define-color bg_color #3c4141;
@define-color window_shadow rgba(0, 0, 0, 0.5);
@define-color window_bg @bg_color;
@define-color window_border_color #3a3a3a;
@define-color prefs_background #999;

/**
 * Input
 */
@define-color selected_bg_color #4675ab;
@define-color selected_fg_color #d5eaff;
@define-color input_color #ddd;
@define-color caret_color darker(@input_color);

/**
 * Result items
 */
@define-color item_name #ddd;
@define-color item_text #999;
@define-color item_box_selected #285c99;
@define-color item_text_selected #99ccff;
@define-color item_name_selected #eee;
@define-color item_shortcut_color #777;
@define-color item_shortcut_shadow darker(@bg_color);
@define-color item_shortcut_color_sel #99ccff;
@define-color item_shortcut_shadow_sel darker(@item_box_selected);
@define-color item_highlight #99ccff;
@define-color item_highlight_selected @item_highlight;

.app {
  box-shadow: 0 0 5px @window_shadow;
  background-color: @window_bg;
  border: 1px solid @window_border_color;
  border-radius: 4px;
}

.input {
  font-size: 170%;
  padding: 5px 0 5px 7px;
  caret-color: @caret_color;
  color: @input_color;
}

/**
 * Selected text in input
 */
.input *:selected,
.input *:focus,
*:selected:focus {
  background-color: alpha (@selected_bg_color, 0.9);
  color: @selected_fg_color;
}

.item-text {
  color: @item_text;
}
.item-name {
  font-size: 120%;
  color: @item_name;
}
.item-highlight {
  color: @item_highlight;
}

/* Small result item */
.small-result-item .item-name {
  font-size: 100%;
}
.item-descr {
  font-size: 80%;
}

.selected.item-box {
  background-color: @item_box_selected;
  border: none;
}
.selected.item-box .item-text {
  color: @item_text_selected;
}
.selected.item-box .item-name {
  color: @item_name_selected;
}
.selected.item-box .item-highlight {
  color: @item_highlight_selected;
}
.item-shortcut {
  color: @item_shortcut_color;
  text-shadow: 1px 1px 1px @item_shortcut_shadow;
}
.selected.item-box .item-shortcut {
  color: @item_shortcut_color_sel;
  text-shadow: 1px 1px 1px @item_shortcut_shadow_sel;
}

.prefs-btn {
  border-radius: 12px;
  opacity: 0.8;
}
.prefs-btn:hover {
  background-color: @prefs_background;
}
